<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  		<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
		<style type="text/css">
* {
	padding: 0;
	margin: 0;
	font-family: Microsoft YaHei, Simsun;
}

.main {
	height: 102px;
	padding-top: 175px;
	background-repeat: no-repeat;
}

.bg {
	background-image:
		url()
		;
}

.bg { *
	background-image:
		url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/b03.png)
}

.btn {
	position: absolute;
	display: block;
}

.btnText {
	top: 250px;
	left: 18px;
	display: block;
	width: 84px;
	height: 22px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-align: center;
	text-decorateType: none;
	line-height: 22px;
}

.offlineBtnText {
	display: none;
}

.offline .onlineBtnText {
	display: none;
}

.offline .offlineBtnText {
	display: inline;
}

.closeBtn {
	top: 0;
	right: 6px;
	width: 39px;
	height: 26px;
}

.content .subTitle {
	height: 18px;
	font-size: 14px;
	font-weight: bold;
	color: #095996;
	line-height: 18px;
	text-align: center;
	overflow-y: hidden;
}

.content .plainText {
	height: 28px;
	margin-top: 14px;
	padding: 0 5px;
	font-size: 12px;
	color: #2f6b99;
	line-height: 14px;
	text-align: center;
	word-wrap: break-word;
	overflow-y: hidden;
}
</style>

<script type="text/javascript">
function colse_qq_web(){
	$("#qq_web_div").hide();
}
</script>           

	</head>
	<body>
		<div id="qq_web_div" class="main bg">
			<a id="launchBtn" class="btnText onlineBtnText btn" href="tencent://message/?uin=88888888&amp;Site=有事Q我&amp;Menu=yes">QQ交谈</a>
			<a id="closeBtn" class="closeBtn btn" href="javascript:colse_qq_web();"></a>
			<div class="content">
				<h2 id="subTitle" class="subTitle">
					点击即可发起会话
				</h2>
				<p id="plainText" class="plainText">
					时间：9:00-21:00
				</p>
			</div>
		</div>
	</body>
</html>